<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
<script type="text/javascript">
	/*
	函数的形参和实参：
		形参：形式上的参数
		实参：实际的参数
		实参是为形参赋值的
	传参建议：形参和实参数量尽量保持一致	
	*/
	function f1(num1,num2) {
		console.log(num1,num2)
	}
	f1(10,20)

	/*
	函数的默认参数：
     对于f2函数的形参number，如果调用函数的时候没有传递实参，那么默认函数形参number为10，如果传递了实参则以实参为准
	*/
	function f2(number=10) {
		console.log(number)
	}

	//f2(100)
	f2()


	/*
	函数的剩余参数：
		剩余参数语法允许我们将一个不定数量的参数表示为一个数组。
	*/
	function f3(num1,num2,...args) {
		console.log(num1)
		console.log(num2)
		console.log(args)

	}
	f3(1,2,3,4,5,6,7,8,9,10)

	/*
	函数的arguments：
		在JavaScript中arguments实际上它是当前函数的一个内置对象，所以的函数都内置了一个arguments对象，arguments对象中存储了传递的所有传递过来的实参。
	*/
	function f4() {
		console.log(arguments)
		console.log(arguments.length)

	 }
	f4(8,9,10)
</script>
</body>
</html>